<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<h:head>
		<title>Testing Persist Route with Constraints</title>
		<h:outputScript library="js" name="jquery-ui.custom.min.js"></h:outputScript>
		<h:outputScript library="js" name="jquery-1.4.4.min.js"></h:outputScript>
		
		<h:outputStylesheet library="css" name="blitzer/jquery-ui-1.8.10.custom.css"></h:outputStylesheet>
		
		<script>
		
		$( function() {
				
				$("#clickButton").click( 
				 function() {
					$(".dialog").dialog( { modal: true } );
				 }
				
				);
				
			});
		
		
		</script>
	</h:head>
		
	<h:body>
	
		<div class="dialog"> This is the dialog</div>
		
		<input id="clickButton" type="button" value="Click" />
	</h:body>
</html>